.center {
  background-color: #f9f6f6;

  .blue {
    width: 100%;
    height: 300px;
    background-color: #3881ed;
    display: flex;
    justify-content: space-around;

    .a1 {
      padding: 80px;
      width: 60%;

      .Search {
        width: 60%;

      }

      // background-color: aqua;
      .b1 {
        color: aliceblue;
      }

      .b2 {
        color: aliceblue;
        font-size: 20px;
        font-weight: 800;
        padding-bottom: 10px;
      }

      .b3 {
        width: 40%;
        display: flex;
        justify-content: space-between;
        padding: 10px;
        color: aliceblue;

        button {
          background-color: #3976b7;
          border: 0;
          color: aliceblue;
        }
      }

    }

    .a2 {
      width: 40%;
      padding: 20px;

      // background-color: blanchedalmond;
      .d1 {
        padding: 5px 30px;
        width: 300px;
        background-color: white;
      }
    }
  }

  .specil {
    .specil1 {
      padding: 30px;

      h1 {
        margin-bottom: 20px;
      }

      .tu {
        display: flex;
        justify-content: space-around;

        img {
          width: 18%;
        }
      }
    }

  }

  .self {

    .self_fw {
      padding: 0 30px;

    }
  }

  .self_small {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    .self_sb {
      padding: 10px;
      background-color: white;
      width: 20%;
      height: 200px;
      margin: 10px;

      .self_tu {
        display: flex;

        img {
          margin-right: 10px;
        }
      }

      p {
        margin: 20px 60px;
        color: black;

      }
    }
  }

  .thing {
    background-color: white;
    padding: 40px;

    .thing_do {
      display: flex;
      justify-content: space-between;
      padding: 40px;

      .card {
        width: 20%;
        background-color: white;
        height: 150px;
        padding: 20px;

        box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);

        .button {
          margin-left: 150px;
          display: flex;
          justify-content: space-between;
        }

        p {
          margin: 10px;
        }

        span {
          display: block;
          margin: 50px;
        }

        h1 {}
      }
    }
  }

  .map {
    padding: 40px;

    h1 {
      margin: 20px 0;
    }

    .map_map {
      display: flex;

      .zi {
        margin: 10px;

        h4 {
          margin-top: 20px;
        }
      }
    }
  }
}
ul{
  display: flex;
  flex-wrap: wrap;
  li{
    width: 50%;
  }
}